<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>I'm QQ - 每一天，乐在沟通</title>
		<link rel="shortcut icon" href="favicon.ico" type="favicon.ico" />
  		<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
		<link rel="stylesheet" 
			href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<header>
			<nav id="nanav" class="navbar navbar-expand-lg navbar-light ">
			  <div class="container">
			  	  <a class="navbar-brand" href=""><img src="images/logo.png" alt="" /></a>
				   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
				     <span class="navbar-toggler-icon"></span>
				   </button>
				  <div class="collapse navbar-collapse nav-left" id="navbarText">
				    <ul class="navbar-nav nav-ceo mr-auto">
				      <li class="nav-item active">
				        <a href="index.html">首页</a>
				      </li>
				      <!--<li><p class="lip"></p></li>-->
				      <li class="nav-item">
				        <a href="download.html">下载</a>
				      </li>
				      <!--<li><p class="lip"></p></li>-->
				      <li class="nav-item">
				        <a href="dynamic.html">动态</a>
				      </li>
				    </ul>
				    <div class="navbar-text">
				       <a class="se" href="register.html">注册</a>
				        <ul class="clearfix ">
				        	<li><a href="Membership.html">QQ会员</a></li>
				        	<li><a href="Security.html">QQ安全</a></li>
				        	<li><a href="">登录</a></li>
				        </ul>
				    </div>
				  </div>
			  </div>
			</nav>	
			<div class="swiper-container">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	<div class="container text-center head-center">
					<div class="row">
						<div class="col-md-7 b1 text-right">
						<h1>QQ·PC版</h1>
						<h2>QQ·手机版</h2>
						<h5>全新改版，给您焕然一新的感觉。</h5>	
						</div>
						<div class="col-md-5 text-left b2">
						<a class="xz" href="#">立即下载</a>
						</div>
					</div>
				</div>
		      	<img class="b3" src="images/img-bg (1).png" alt="" />
		      </div>
		      <div class="swiper-slide lbt2">
		      	<div class="container text-center">
		      		<div class="lbt2o">
		      			<img src="images/logo-s.png" alt="" />
						<div class=""><a class="xzy" href="#">立即下载</a></div>
		      		</div>
		      		<div class="cz">
		      			<img src="images/icon.png"/>
		      		</div>
		      	</div>
		      	<img class="cb" src="images/doc-j2.png" alt="" />
		      </div>
		    </div>
		    <div class="swiper-pagination"></div>
		    <img class="dd" src="images/linearbot.png" alt="" />
		   </div>
		</header>
		<div class="main">
			<div class="fg">
				<img src="images/brand.png" alt="" />
			</div>
			<div class="banner">
				<div class="banner1"></div>
				<div class="container text-right">
					<img class="bn2" src="images/pic1.png" alt="" />
					<h2 class="">沟通，是跨越<br />千山万水的亲切声音</h1>
					<p>无论何时何地，你都能自由享受QQ在各类终端<br />上带来的高清通话，与好友一起想聊多久聊多久</p>
					<a class="ba1" href="">了解更多 ></a>
					<div class="bn3">
						<img src="images/qcall_figs.png" alt="" />
						<br />
						<a href="">多人通话</a><a href="">群组通话</a><a href="">屏幕分享</a>
					</div>
				</div>
			</div>
			<div class="bannerr">
				<div class="bannerr1"></div>
				<div class="container">
					<div class="row">
						<div class="col-md-6 text-left">
							<h2>沟通，是随时随地爽快收发</h2>
							<p>通过QQ，电脑和手机上的文件都能收发自如，<br />更有手机在线查阅，轻松你的工作和生活。</p>
							<a class="ba1" href="">了解更多 ></a>
							<div class="bn4">
								<img src="images/qfile_figs.png" alt="" />
								<br />
								<a href="">文件漫游</a><a href="">多端互传</a><a href="">在线预览</a>
							</div>
						</div>
						<div class="col-md-6">
							<img src="images/pic2.png" alt="" />
						</div>
					</div>
				</div>
			</div>
			<div class="bannerrr">
				<div class="bannerrr1"></div>
				<div class="container">
					<div class="row">
						<div class="col-md-6 psd">
							<img src="images/pic3.png" alt="" />
							<div id="mn3">
								<img src="images/qblog_fig1.png" alt="" />
								<img src="images/qblog_fig2.png" alt="" />
								<img src="images/qblog_fig3.png" alt="" />
							</div>
						</div>
						<div class="col-md-6 text-right">
							<h2>沟通，是和志同道合的他们放肆青春</h2>
							<p>即使世界很大，你也不会孤单，在兴趣部落<br />有和你一样的人，期待着和你一起发现精彩</p>
							<a class="ba1" href="">了解更多 ></a>
							<div class="bn5">
								<img src="images/qblog_figs.png" alt="" />
								<br />
								<a href="">兴趣热区</a><a href="">附近热点</a><a href="">精彩图集</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="row f-top text-left">
					<div class="col-md-6 text-center rep">
						<h3 class="text-left">了解热门产品</p>
						<div class="awsa">
							<div class="fl clearfix">
								<div id="nb1" class="box"></div>
								<div class="box"></div>
								<div class="box"></div>
								<div class="box"></div>
							</div>
							<p id="bn1" class="boxp">QQ手机版</p>
							<p class="boxp">QQ PC版</p>
							<p class="boxp">QQ Mac版</p>
							<p class="boxp">QQ Pad版</p>
						</div>
					</div>
					<div class="col-md-6">
						<div class="row">
							<div class="col-md-3 clearfix">
								<ul>
									<p>QQ安全</p>
									<li><a href="">安全中心</a></li>
									<li><a href="">冻结账号</a></li>
									<li><a href="">举报恶意行为</a></li>
									<li><a href="">恢复好友和群</a></li>
									<li><a href="">注销账号</a></li>
								</ul>
							</div>
							<div class="col-md-3 clearfix">
								<ul>
									<p>帮助反馈</p>
									<li><a href="">腾讯客服</a></li>
									<li><a href="">反馈问题</a></li>
									<li><a href="">腾讯微博</a></li>
									<li><a href="">新浪微博</a></li>
								</ul>
							</div>
							<div class="col-md-3 clearfix">
								<ul>
									<p>友情链接</p>
									<li><a href="">兴趣部落</a></li>
									<li><a href="">QQ群</a></li>
									<li><a href="">QQ音乐</a></li>
									<li><a href="">QQ浏览器</a></li>
									<li><a href="">星钻</a></li>
								</ul>
							</div>
							<div class="col-md-3 clearfix">
								<ul>
									<p>友情链接</p>
									<li><a href="">腾讯视频</a></li>
									<li><a href="">腾讯体检中心</a></li>
									<li><a href="">腾讯电脑管家</a></li>
									<li><a href="">企鹅FM</a></li>
									<li><a href="">TIM</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="rb text-center">
					<p>Copyright © 1998-2019 Tencent. All Rights Reserved.</p>
					<p>腾讯公司 版权所有</p>
				</div>
			</div>
		</footer>
		<div class="nav-media">
			<a href="index.html"><img src="images/qq22123.png"/></a>
			<a href="download.html"><img src="images/下载.png" alt="" /></a>
			<a href="dynamic.html"><img src="images/企业动态.png" alt="" /></a>
		</div>
		<div id="toTop"></div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>